
.container{
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    height: 85vh;
    margin: 5vh 16vw;
    padding: 2vw;
    border: 1px #74b49b solid;
    border-radius: 0.5vw;
    background-color: #f4f9f4;
    .left{
        position: relative;
        float: left;
        flex: 3;
        // background-color: aliceblue;
        overflow: hidden;
        box-sizing: border-box;
        width: 76vh;
        height: 76vh;
        nz-carousel{
            position: absolute;
            // margin-right: 20px;
        }
        [nz-carousel-content] {
            text-align: center;
            height: 60vh;
            line-height: 60vh;
            background: #364d79;
            color: #fff;
            overflow: hidden;
          }
    
          h3 {
            color: #fff;
            margin-bottom: 0;
            user-select: none;
          }
          .goNext,
          .goLast{
            width: 5rem;
            height: 5rem;
            line-height: 5rem;
            text-align: center;
            // background-color: #5c8d89;
            border: 2px #5c8d89 solid;
            border-radius: 1rem;
            color: #5c8d89;
          }
          .goNext:hover,
          .goLast:hover{
            
            border: 2px #ffa06f solid;
            border-radius: 1rem;
            color: #ffa06f;
          }
          .goNext{
            position:absolute;
            top: 50%;
            left: 2rem;
            transform: translate(0,-50%);
            z-index: 99;

          }
          .goLast{
            position:absolute;
            top: 50%;
            right: 2rem;
            transform: translate(0,-50%);
            z-index: 999;

          }
    }
    .right{
        float: right;
        flex: 1;
        overflow: hidden;
        // background-color: cadetblue;
        padding-left: 4vw;
        padding-right: 4vw;
        // padding-top: 100px;
        // margin: auto;
        [nz-icon] {
            margin-left: 10px;
            font-size: 26px;
          }
        h1{
            font-weight: 900;
            display: inline;
        }
        .money{
            color: #F0935F;
            font-size: 28px;
            font-weight: 700;
            border-bottom: 1px #33333300 solid;
        }
        span,
        p{
            margin-bottom: 10px;
        }
        p{
            width: 100%;
            font-size: 20px;
            border-bottom: 1px rgba(51, 51, 51, 0.15) solid;
            height: 50px;
            line-height: 50px;
        }
        button{
            display: block;
            margin-bottom: 4vh;
            margin-top: 4vh;
            width: 100%;
            height: 5vh;
            font-size: 18px;
            color: #fff;
            font-weight: 500;
            border: 0px;
            border-radius: 5px;
        }
        .reverseTip{
            // height: 40px;
            width: 100%;
            // background-color: rgb(230, 198, 198);
            border-radius: 5px;
            border: 1px #74b49b solid;
            text-align: center;
            p{
                margin: auto;
                height: 20px;
                line-height: 20px;
                font-size: 16px;
            }
        }
        .reserve{
            background-color: #74b49b;
            // background-color: (--);
        }
        .Cancelreserve{
            background-color: #73AFC9;
        }
        .sign{
            background-color: #F0935F;
        }
        nz-date-picker {
            margin: 0 8px 12px 0;
            p{
                color: rgb(122, 122, 122);
                display: inline-block;
                 width: 110px;
            }
          }
        .reverse{
            // margin: auto;
            text-align: center;
        }
    }
}

.comments{
    // width: 40rem;
    min-height: 50rem;
    margin: 5vh 16vw;
    // background-color: #333;
    border: 1px #74b49b solid;
    border-radius: 1rem;
    .TotalComment{
        // width: ;
        position: relative;
        height: 8rem;
        background-color: #74b49b;
        margin: 0 5rem;
        p{
            position: absolute;
            font-size: 4rem;
            color: #fff;
            top: 50%;
            left: 10rem;
            transform: translate(0,-50%);
        }
        .score{
            position: absolute;
            top: 50%;
            left: 20rem;
            transform: translate(0,-50%);
        }
        span{
            position: absolute;
            top: 50%;
            right: 10rem;
            font-size: 3rem;
            color: #fff;
            transform: translate(0,-50%);
        }
    }
    .title{
        height: 6rem;
        margin-left: 5rem;
        line-height: 6rem;
        // background-color: rgb(236, 195, 195);
    }
    .commentsList{
        position: relative;
        margin: 0 5rem;
        .commentDetail{
            border: 1px #74b49b solid;
            border-radius: 1rem;
            padding: 1em;
        }
        .score2{
            position: absolute;
            top: 1rem;
            right: 5rem;
            // transform: translate(0,-80%);
        }
    }
}
